@import "tailwindcss";
@source "../node_modules/flowbite";

:root {
    --main: white;
    --sec: #fdbf0e;
    --third: #333333;
    --animation: 2s ease-in-out infinite;
    --font-en: 'BigShoulders', sans-serif;
    --font-ar: 'Cairo', sans-serif;
}

@font-face {
    font-family: "BigShoulders";
    src: url("../../../assets/fonts/BigShoulders-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "BigShoulders";
    src: url("../../../assets/fonts/BigShoulders-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "BigShoulders";
    src: url("../../../assets/fonts/BigShoulders-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "BigShoulders";
    src: url("../../../assets/fonts/BigShoulders-SemiBold.ttf") format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "BigShoulders";
    src: url("../../../assets/fonts/BigShoulders-Bold.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: "BigShoulders";
    src: url("../../../assets/fonts/BigShoulders-ExtraBold.ttf") format("truetype");
    font-weight: 800;
}

@font-face {
    font-family: "BigShoulders";
    src: url("../../../assets/fonts/BigShoulders-Black.ttf") format("truetype");
    font-weight: 900;
}

body {
    font-family: var(--font-en);
    text-decoration: none !important;
}


html[lang="ar"] body {
    font-family: var(--font-ar);
}

html[lang="en"] body {
    font-family: var(--font-en);
}

.container-fluid {
    width: 90%;
    margin: 0 auto;
}

.container {
    width: 80%;
    margin: 0 auto;
}

section {
    padding: 30px 0;
}

s {
    text-decoration: none !important;
}